<template>
    <!-- solutionIdeaJQR -->
    <div class="solutionIdea">
        <!-- 头部 -->
        <InsideHeader :bannerType="bannerType"></InsideHeader>
        <!-- 面包屑 -->
        <!-- <crumb></crumb> -->
        <div class="crumb">
            <div class="block">  
                <div class="crumbL">
                    <nuxt-link :to="{name: 'index'}">首页</nuxt-link>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIndex'}">解决方案</nuxt-link>
                    <em>></em>
                    <a href="#">产品解决方案</a>
                    <em>></em>
                    <nuxt-link :to="{name: 'solution-solutionIdeaJQR'}" class="on">机器人解决方案</nuxt-link>
                    <div class="clear"></div>
                </div>
                <!-- <div class="crumbR">
                    <nuxt-link :to="{name: 'solution-solutionDetails'}">e-F@ctory </nuxt-link>
                    <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                    <a href="#">产品解决方案</a>
                    <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                    <a href="#">课题解决方案</a>
                    <nuxt-link :to="{name: 'solution-solutionLead'}">导入事例</nuxt-link>
                    <div class="clear"></div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>

        <div class="block">
            <div class="content">
                <div class="title">
                    <span>机器人解决方案</span>
                </div>
                <div class="tab">
                    <ul>
                        <li @click="tabStyle(0)" :class="[{tabS:id==0}]"><span>理念</span></li>
                        <li @click="tabStyle(1)" :class="[{tabS:id==1}]"><span>特点</span></li>
                        <li @click="tabStyle(2)" :class="[{tabS:id==2}]"><span>应用案例</span></li>
                        <li @click="tabStyle(3)" :class="[{tabS:id==3}]"><span>产品种类</span></li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <!-- 理念 -->
                <div v-show="id===0" class="solutionIdeaCar1">
                    <h4>利用机器人将生产现场自动化，兼顾生产率提高和整体成本削减</h4>
                    <p>作为FA产品的领先制造商，三菱电机在汽车零部件、电气/电子、液晶/半导体、食品/药品/化妆品、窑业、教育、研究等广泛领域都拥有导入实绩。利用最高级别的高速动作、高刚性臂提供能够实现高精度动作和高级组装作业的智能化解决方案，促进工厂的最优化，从而实现胜人一筹的产品制造。</p>
                    <img src="../../static/images/solutionIdeaJQR1.png">
                </div>
                <!-- 特点 -->
                <div v-show="id===1" class="solutionIdeaCar1">
                    <h4>顺利构建系统!!</h4>
                    <p>利用丰富的FA产品提供最佳的自动化系统方案。可以通过e-Learning、机器人学校等方法，事先学习机器人操作。即使在现场启动时等紧急情况下，也可以随时向电话中心咨询操作方法和编程。与经验丰富的SI（系统集成商）合作伙伴协同，提供满足客户要求的系统方案。</p>
                    <h4>利用机器人将生产现场自动化，兼顾生产率提高和整体成本削减</h4>
                    <p>运用机器人的各种丰富功能、I/F和组件群，以最小限度的周边设备实现最佳的自动化。可以从丰富的机器人产品系列中选择最适合现场布局的机器人。与经验丰富的SI（系统集成商）合作伙伴，帮助导入最佳的系统。!!</p>
                    <p>运用机器人的各种丰富功能、I/F和组件群，以最小限度的周边设备实现最佳的自动化。可以从丰富的机器人产品系列中选择最适合现场布局的机器人。与经验丰富的SI（系统集成商）合作伙伴，帮助导入最佳的系统。!!</p>
                    <h4>实现最佳的安全对策!!</h4>
                    <p>可以通过安全教材和机器人学校，有效学习安全柵和门开关的设置等使用机器人时的遵守事项。机器人带有确保作业人员安全的各种功能安全。（符合ISO-10218〈工业机器人安全要求事项〉）通过丰富的安全产品产品系列提供整体安全解决方案。</p>
                    <h4>缩短发生意外情况时的故障停机时间!!</h4>
                    <p>作为自动化系统的关键一环，在全球范围内设立据点，提供FA设备、机器人的售后服务，构建起令人放心的支持体制。运用与FA设备的亲和性，帮助构建必要的保全功能。从机器人系统的构建、交付到维护，通过与合作伙伴的强力协同提供支持。</p>
                </div>
                <!-- 应用案例 -->
                <div v-show="id===2" class="solutionIdeaCar1">
                    <img src="../../static/images/solutionIdeaJQR2.png">
                </div>
                <!-- 产品种类 -->
                <div v-show="id===3" class="solutionIdeaCar1">
                    <h4>RV-F系列构成</h4>
                    <p>最适合的臂长与更宽的6轴关节应对复杂的组装、加工动作。小体积、细长手臂，更轻便、更大的动作范围。由机械零件的搬运到电气零件的组装，一切轻松对应。耐环境型，设置环境不限，用途多样。</p>
                    <img src="../../static/images/solutionIdeaJQR3.png">
                </div>
            </div>
        </div>


        <!-- 链接 -->
        <Insidelink></Insidelink>

        <!-- 底部 -->
        <HomeHooter></HomeHooter>
    </div>
</template>

<script>
    import $ from "jquery";
    import "@/assets/css/news.css";
    import InsideHeader from "@/components/head";
    import HomeHooter from "@/components/footer";
    import crumb from "@/components/crumb";
    import Insidelink from "@/components/link";
    export default {
        name: "solutionIdeaJQR",
        components: {
            InsideHeader,
            HomeHooter,
            crumb,
            Insidelink,
        },
        data(){
            return{
                tabInsideid:0,
                bannerType:'solution',
                id:0,
                    list:[
                        "迅速应对需求变化，提高运转率，缩短开发周期，提高质量，削减成本…要解决制造业存在的课题，关键在于如何对生产现场进行信息化，并充" +
                        "分利用只写数据。FA-IT信息协同产品系列是来源于e-F@ctory的划时代产品",
                        "将生产设备，MES（制造执行系统）乃至上层信息系统直接连到一起"
                    ],
                tabInside:[
                    '产品结构 ',
                    ' MELSEC iQ-R/MELSEC Q MES接口',
                    '显示器GOT2000 MES接口',
                    'MELQIC MES接口',
                    '数值控制装置 M800/M80系列 MES接口',
                    'C语言控制器',
                ],
                tabInside1:[
                    '控制器&HMI',
                    '网络',
                    '工程环境',
                ],

            }

        },
        methods:{
            tabStyle(index){
                this.id=index
            },
            tabInsideF(index){
                this.tabInsideid=index
                var elemId="#info"+index
                const anchorEle = document.querySelector(elemId);
                if (!!anchorEle ) {
                  anchorEle .scrollIntoView(true);
                }
            }
        }
    }
</script>

<style scoped>
.lineup02{
    font-size: 90%;
    font-weight: bold;
    margin: 30px 0 0 0;
  padding: 0 0 5px 0px;
    border-bottom: solid 1px #ccc;
}
.lineup02 span {
    padding: 5px 0 3px 10px;
    display: block;
    word-wrap: break-word;
     border-left: solid 3px #ee4e5b
}
</style>
